<script setup>
import { RouterView, useRoute } from 'vue-router'
import MoboxCloudNavbar from './components/MoboxCloudNavbar.vue'
import CrayonShinchanNavbar from './components/CrayonShinchanNavbar.vue'

const route = useRoute()
</script>

<template>
  <div id="app">
    <!-- 根据当前路由显示不同的导航栏 -->
    <component :is="route.path === '/shinchan' ? CrayonShinchanNavbar : MoboxCloudNavbar" />
    <RouterView />
  </div>
</template>

<style scoped>
#app {
  min-height: 100vh;
}
</style>
